<template>
    <div>
     <mt-navbar v-model="active">
      <mt-tab-item id="1">
        肉蛋果蔬
        <img slot="icon" src="@/assets/001.png" alt="">
      </mt-tab-item>
      <mt-tab-item id="2">
        乳品烘焙
        <img slot="icon" src="@/assets/004.png" alt="">
      </mt-tab-item>
      <mt-tab-item id="3">
       零食速食
        <img slot="icon" src="@/assets/007.png" alt="">
      </mt-tab-item>
      <mt-tab-item id="4">
        粮油干货
        <img slot="icon" src="@/assets/025.png" alt="">
      </mt-tab-item>
      <mt-tab-item id="5">
        名酒水饮
        <img slot="icon" src="@/assets/025.png" alt="">
      </mt-tab-item>
      <mt-tab-item id="6">
       营养保健
        <img slot="icon" src="@/assets/025.png" alt="">
      </mt-tab-item>
    </mt-navbar>
    </div>
</template>

<script>
export default {
  data() {
    return {
      active: '1'
    }
  },
}
</script>